
var prefix = "/userDemand";
$(function() {
	load();
});

var pages = 1;
function load() {

    layui.use(['table'], function(){
        var table = layui.table,
            $ = layui.$;

        // 创建渲染实例
        table.render({
            elem: '#exampleTable'
            ,id:'exampleTable'
            ,method:'post'
            ,contentType: 'application/json'
            // prefix
            ,url: prefix + "/getUserDemandPage" // 此处为静态模拟数据，实际使用时需换成真实接口
            ,cellMinWidth: 80
            , page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                , curr: pages //设定初始在第 5 页
                , groups: 5 //只显示 1 个连续页码
                , limit : 10
            }
            ,request: {
                pageName: 'current' //页码的参数名称，默认：page
                ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            ,defaultToolbar: false
            ,loading: true
            ,cols: [[
                // {
                //     checkbox : true
                // },
                {
                    field : 'userName',
                    title : '发布人',
                    align : 'center'
                },
                {
                    field : 'mobile',
                    title : '联系方式',
                    align : 'center'
                },
                {
                    field : 'projectName',
                    title : '需求类型',
                    align : 'center'
                },
                {
                    field : 'auditStatus',
                    title : '审核状态',
                    templet:function (d){
                        if( d.auditStatus == 0){
                            return '<span class="layui-btn layui-btn-sm layui-btn-warm ">待审核</span>'
                        }else if(d.auditStatus == 1){
                            return '<span class="layui-btn layui-btn-sm">已审核</span>'
                        }else if(d.auditStatus == 2){
                            return '<span class="layui-btn layui-btn-sm layui-btn-danger">已取消</span>'
                        }
                    },
                    align : 'center'
                },
                {
                    field : 'auditResult',
                    title : '审核结果',
                    templet:function (d){
                        if(d.auditResult === '2' || d.auditResult ==='1' || d.auditResult ==='0') {
                            if( d.auditResult === '0'){
                                return '<span class="layui-btn layui-btn-sm ">通过</span>'
                            }else if(d.auditResult === '1'){
                                return '<span class="layui-btn layui-btn-sm layui-btn-warm ">拒绝</span>'
                            }else {
                                return '<span class="layui-btn layui-btn-sm layui-btn-warm ">待审核</span>'
                            }
                        }else {
                            return '<span>-</span>'
                        }
                    },
                    align : 'center'
                },


                {
                    field : 'createTime',
                    title : '发布时间',
                    align : 'center',
                },
                {
                    title : '操作',
                    field : 'id',
                    align : 'center',
                    templet : function(d) {
                        var e = '<a  class="btn btn-primary btn-sm '+look_infor+'" href="#" mce_href="#" title="详情" onclick="lookInfo(\''
                            + d.id
                            + '\')"><i class="fa fa-send"></i></a> ';

                        var ss = '<a class="btn btn-success btn-sm '+look_remove+'" href="#" title="删除"  mce_href="删除" onclick="remove(\''
                            + d.id
                            + '\')"><i class="fa fa-remove"></i></a>';
                        return e  + ss;
                    }
                }
            ]]
            ,response: {
                statusCode: 0 //重新规定成功的状态码为 200，table 组件默认为 0
            }
            ,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
                if( res.code != 0 ){

                    return false;
                }
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.records //解析数据列表
                };
            }
            ,jump: function (obj, first) {
                //首次不执行
                if (!first) {
                    pages = obj.curr
                }
            }
            ,error: function(res, msg){

            }
            ,done: function (res){
                layer.close()
            }
        });

        var $ = layui.$, active = {
            reload: function(){
                //执行重载
                table.reload('exampleTable', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        auditStatus: parseInt($('#type').val()),
                        name: $('#name').val().trim()
                    }
                });
            }
        };

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

        //触发表格复选框选择
        table.on('checkbox(test)', function(obj){
            console.log(obj)
        });

        //触发表格单选框选择
        table.on('radio(test)', function(obj){
            console.log(obj)
        });

    });

}

function add(){
    let toIndex=layer.open({
        type: 2,
        title:'新增用户需求',
        maxmin: true,
        shadeClose: false,
        area:['800px','500px'],
        content: '/jzweb/jazUserDemand/infor/add'
    });
    layer.full(toIndex);
}
function lookInfo(id){
    let toIndex=layer.open({
        type: 2,
        title:'用户需求详情',
        maxmin: true,
        shadeClose: false,
        area:['800px','500px'],
        content: prefix+'/info/'+id
    });
    layer.full(toIndex);
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {

        AjaxGet(prefix+"/deletedById",{id:id}).then(function (res){
            layer.msg(res.msg);
            load();
        }).catch(function (err){
            console.log(err)
        })

        // $.ajax({
        //     url : prefix+"/deletedById",
        //     type : "post",
        //     data : {
        //         'id' : id
        //     },
        //     success : function(r) {
        //         if (r.code==0) {
        //             layer.msg(r.msg);
        //             load();
        //         }else{
        //             layer.msg(r.msg);
        //         }
        //     }
        // });

    })
}